<template>
	<view class="">
		<u-navbar title="帮助中心详情页面" :autoBack="true" :placeholder="true"></u-navbar>
		<view style="padding: 0 20rpx;">
			<!-- 	<text style="line-height: 50rpx;color: #333;font-size: 26rpx;">
				如果您想充分了解DIMini3Pro的使用方法，可点击下图查看教学视频:
				如您想了解更多产品使用相关信息，可以查看产品使用手册: DII Mini 3 Pro 用户手册
				如您想了解更多产品使用相关信息，可以查看产品使用手册: DII Mini 3 Pro 用户手册
				如您想了解更多产品使用相关信息，可以查看产品使用手册: DII Mini 3 Pro 用户手册
				如您想了解更多产品使用相关信息，可以查看产品使用手册: DII Mini 3 Pro 用户手册
				如您想了解更多产品使用相关信息，可以查看产品使用手册: DII Mini 3 Pro 用户手册
				如您想了解更多产品使用相关信息，可以查看产品使用手册: DII Mini 3 Pro 用户手册
				如您想了解更多产品使用相关信息，可以查看产品使用手册: DII Mini 3 Pro 用户手册
				如您想了解更多产品使用相关信息，可以查看产品使用手册: DII Mini 3 Pro 用户手册
				如您想了解更多产品使用相关信息，可以查看产品使用手册: DII Mini 3 Pro 用户手册
			</text> -->
			<u-parse :content="content" :tagStyle="style"></u-parse>
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				name: 'ssss',
				content: '',
				style: {
					// 字符串的形式
					p: 'font-size:26rpx;line-height:40rpx;color:#333333c7',
					span: 'font-size: 30rpx'
				}
			}
		},
		async onLoad({
			id
		}) {
			let res = await this.$api.gethelplist({})
			let res2 = res.data.data.filter((v) => {
				return v.id == id
			})
			this.content = res2[0].cont
			// console.log();
		}

	}
</script>

<style>
	page {
		background-color: #fff;

	}
</style>